<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">
    <link rel="icon" href="./images/hospital-icon.png" type="image/x-icon">  <!--在网页标题左侧显示图标-->
    <link rel="shortcut icon" href="./images/hospital-icon.png" type="image/x-icon"><!--在收藏夹显示图标-->

    <title>注册-门诊管理系统</title>

    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-body">

<div class="container">

    <form class="form-signin" action="index.html">
        <div class="form-signin-heading text-center">
            <h1 class="sign-title">账户注册</h1>
            <img style="width: 50px;height: 50px" src="images/hospital-icon.png" alt=""/>
            <span style="color: black;font-size: 26px;text-align: center;font-weight: 600;vertical-align: text-bottom">门诊管理系统</span>
        </div>


        <div class="login-wrap" id="registrationApp">
            <div id="error" class="alert alert-danger"
                 style="display: none"
                 :class="{'d-block':hasError}">
                <i class="fa fa-exclamation-triangle"></i>
                <span v-text="message">诶呀!一不小心出错啦！</span>
            </div>
            <p>请在下方填写你的个人用户信息</p>
            <input v-model="oms_username" type="text" name="username" autofocus="" placeholder="用户名" class="form-control">
            <input v-model="oms_email" type="text" name="email" autofocus="" placeholder="邮箱" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$" class="form-control">
            <button @submit.prevent="checkEmail" style="position: relative;bottom: 10px" type="submit" class="btn btn-primary">发送验证码</button>
            <input v-model="oms_verification" type="text" name="verification" placeholder="邮箱验证码" class="form-control">
            <input v-model="oms_password" type="password" name="password" placeholder="设置密码6-20个字母、数字、下划线"  pattern="^\w{6,20}$" class="form-control">
            <input v-model="oms_confirm" type="password" name="confirm" placeholder="请重新输入密码" class="form-control">


            <label class="checkbox">
                <input type="checkbox" value="agree this condition"> 我同意服务条款和隐私政策
            </label>

            <button  @submit.prevent="register" type="submit" class="btn btn-lg btn-login btn-block">
                <i class="fa fa-check"></i>
            </button>

            <div class="registration">
                已有帐号？
                <a href="login.html" class="">
                    点此登录
                </a>
            </div>

        </div>

    </form>

</div>



<!-- Placed js at the end of the document so the pages load faster -->

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<!--axios-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.1/axios.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"> </script>

<script src="userjs/registration.js"></script>


<script>

</script>


</body>
</html>
